<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>最新资讯</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/js/bootstrap.min.js" rel="stylesheet">
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">
<!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">-->
    <script src="/js/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#flipdown1").click(function(){
                $("#panel1").slideDown(3000);
            });
            $("#flipup1").click(function(){
                $("#panel1").slideUp(3000);
            });
            
        });
        $(document).ready(function(){
            $("#flipdown2").click(function(){
                $("#panel2").slideDown(3000);
            });
            $("#flipup2").click(function(){
                $("#panel2").slideUp(3000);
            });
        });
        $(document).ready(function(){
            $("#flipdown3").click(function(){
                $("#panel3").slideDown(3000);
            });
            $("#flipup3").click(function(){
                $("#panel3").slideUp(3000);
            });
            
        });
    </script>
    <style>
    .font_a
        {
            color: gray;
            font-size: 25px;
            font-weight: 800;
        }
    .font_b
        {
            color: cornflowerblue;
            font-size: 25px;
            font-weight: 800;
        }
    .div1{
            color: white;
            font-size: 33px;
            font-weight: 800;
            font-style: oblique;
        }
    .div4
        {
            color: orange;
            font-size: 30px;
            font-weight: 1000;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
    .div5
        {
            color: rgba(148, 137, 137, 0.836);
            font-size: 30px;
        }

    .sm1
        {
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            color: rgba(126, 117, 117, 0.836);
        }
    .span1
        {
            font-weight: 540;
            font-size: 25px;
        }
    .a_d{
            font-weight: 540;
            font-size: 20px;
            color: gray;
        }
@font-face 
        {
            font-family:myfont;
            src: url("/font-awesome-4.7.0/28 Days Later.ttf");
        }
        h3
        {
            font-family: myfont;
            color: violet;
        }
        #panel, #flip{
            text-align:center;
            background-color:#e5eecc;
            border:solid 1px #c3c3c3;
        }
        #panel{
            display:none;
        }
        .div-d
        {
            border: 1px solid rgba(158, 149, 149, 0.5);
            border-radius: 8%;
         
            padding: 3px;
        }
    </style>
</head>
<body>
    <div class="container-fluid mt-2 shadow" style="background-color:white; height: 100px;">
        <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-2 div1 text-center" style="background-color: orange;">
                电影网<br>www.dyw.cn
            </div>
            <div class="col-sm-1"></div>
            <div class="col-sm-4 row">
                <div class="col-sm-3 mt-4">
                    <a href="/index.jsp" class="font_a">首页</a>
                </div>
                <div class="col-sm-3 mt-4">
                    <a href="index_movie.html" class="font_a">电影</a>
                </div>
                <div class="col-sm-3 mt-4">
                    <a href="index_cinema.html" class="font_a">影院</a>
                </div>
                <div class="col-sm-3 mt-4">
                    <a href="index_information.html" class="font_a">资讯</a>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="row"> 
                    <div class="col-sm-6"></div>
                    <div class="col-sm-2 mt-4">
                        <a href="login.html" class="font_b">登录</a>
                    </div>
                    <div class="col-sm-4 mt-4">
                        <a href="regist.html" class="font_a">免费注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <marquee><h3>影视资讯</h3></marquee> 
        <div class="container-fluid">
            <div class="row">
                <div class="ml-5"></div>
                <div class="col-md-3 ml-5">
                    <a href="小行星猎人部分.html" ><img src="/Picture/小行星猎人.jpg" height="249px" width="300px"></a>
                </div>
                <div class="col-md-3">
                    <a href="哥斯拉大战金刚部分.html" ><img src="/Picture/哥斯拉.jpeg" height="249px" width="300px"></a>
                    
                </div>
                <div class="ml-4 col-md-3">
                    <a href="拆弹专家2部分.html" ><img src="/Picture/拆弹专家.jpg" height="249px" width="300px">
                    </a>
                </div>
                <div class="col-md-2 ml-3" style="position: absolute;top: 20%;right: 0%;">
                    <div class="span1 text-center">
                        <hr>
                        影片热度榜
                        <hr>
                        <a href="film-detail-1.html" class="a_d">爱情神话&nbsp;&nbsp;2050人关注</a><br><hr>
                        <a href="film-detail-6.html" class="a_d">东北虎&nbsp;&nbsp;1765人关注</a><br><hr>
                        <a href="film-detail-7.html" class="a_d">误杀Ⅱ&nbsp;&nbsp;1564人关注</a><br><hr>
                        <a href="film-detail-2.html" class="a_d">雄狮少年&nbsp;&nbsp;1283人关注</a><br><hr>
                        <a href="film-detail-5.html" class="a_d">长津湖&nbsp;&nbsp;1036人关注</a><br><hr>
                        <a href="film-detail-8.html" class="a_d">反贪风暴&nbsp;&nbsp;788人关注</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="ml-5"></div>
                <div class="col-md-3 ml-2">
                    <div class="ml-5 row mt-2 mb-2">
                        <div class="col-md-2"></div>
                        <div id="flipdown1" class="mt-2">
                            <button class="btn btn-circle btn-info">
                                详细咨询
                            </button>
                        </div>
                        <div id="flipup1" class="mt-2 ml-3">
                            <button class="btn btn-circle btn-warning">
                                隐藏资讯
                            </button>
                        </div>
                    </div>
                   
                    <div id="panel1" class="div-d">
                        IMAX科教影片《小行星猎》(AsteroidHunters)“科影融合”观影会在上海国际电影节期间成功举行。
                        《小行星猎人》是由IMAX与华皇电影联合出品的太空题材科教影片，借助珍贵影像资料和尖端数字模拟
                        技术呈现小行星撞击的潜在威胁和解决之道。影片使用IMAX摄影机拍摄，并邀得《星球大战》女主角
                        黛西·雷德利担任旁白，曾获奥斯卡最佳配乐提名......
                    </div>
                </div>
                <div class="ml-5"></div>
                <div class="col-md-3">
                    <div class="ml-5 row mb-2">
                        <div id="flipdown2" class="mt-2">
                            <button class="btn btn-circle btn-info">
                                详细咨询
                            </button>
                        </div>
                        <div id="flipup2" class="mt-2 ml-3">
                            <button class="btn btn-circle btn-warning">
                                隐藏资讯
                            </button>
                        </div>
                    </div>
                    <div id="panel2" class="div-d">
                        IMAX 3D《哥斯拉大战金刚》上海看片嗨翻全场 获赞视听体验震撼升级巨兽对决惊天动地资讯>详情
                    好莱坞科幻灾难动作巨制《哥斯拉大战金刚》即将于5月31日以IMAX 3D格式登陆全国超600家IMAX影院，
                    影片IMAX 3D版看片会5月25日在上海举行。活动现场座无虚席，数百位媒体记者和观众慕名而来，提前
                    揭幕怪兽界“四大天王”的史诗级大战。全程高燃的视听盛宴让全场观众深度入戏，惊呼赞叹声......
                    </div>
                </div>
                <div class="ml-3"></div>
                <div class="col-md-3">
                    <div class="ml-5 row mb-2">
                        <div id="flipdown3" class="mt-2">
                            <button class="btn btn-circle btn-info">
                                详细咨询
                            </button>
                        </div>
                        <div id="flipup3" class="mt-2 ml-3">
                            <button class="btn btn-circle btn-warning">
                                隐藏资讯
                            </button>
                        </div>
                    </div>
                    <div id="panel3" class="div-d">
                        由邱礼涛执导的《拆弹专家2》，由演员刘德华,刘青云,倪妮,谢君豪,姜皓文,吴卓羲,马浴柯,黄德斌，
                    郑子诚,洪天明,袁富华,刘浩龙,凌文龙,赵永洪,蔡瀚亿,张竣杰,张扬等主演，自2020年上映至今获得
                    了较好的口碑，是一部不错的汉语普通话,粤语,英动作片。香港某处发生爆炸案，前拆弹专家潘乘风
                    （刘德华饰）因昏迷于现场，被警方怀疑牵涉其中。苏醒后的潘乘风只能一边逃亡一边查明真相，然而，
                    他的好友……
                    </div>
                </div>
            </div>
        </div>
                <div class="container-fluid mt-1" style="background-color:gainsboro">
                    <div class="row">
                        <div class="col-sm-2 div4 text-center mt-3">
                            电影网<br>www.dyw.cn
                        </div>
                        <div class="col-sm-4"></div>
                        <div class="col-sm-3 div5 mt-3">
                            <span style="color: black;">客服电话: 410-647-6688</span><br>
                            <small><h4>服务时间: 9:00-21:00</h4></small>
                        </div>
                        <div class="col-sm-3 div5 mt-3">
                            <small><h4>企业团购请详细咨询</h4></small>
                            <span style="color: black;">电话: 13461582649</span>
                        </div>
                    </div>
                    <hr>
                    <small class="sm1">豫ICP备15698号-1 Copyright @2022-2025 dyw.cn 版权所有 电影网(郑州) 网络科技有限大学</small>
                </div>          
</body>
</html>